<template>
    <el-container style="width: 90%;margin: auto;">

        <el-aside class="personal-alside"
            style="width: 200px;height: auto;padding-bottom: 60px;  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)">

            <div style="text-align: center;margin-top: 40px;margin-bottom: 20px;">
                <el-avatar :src="require(`D:/staticFile/hr/headIconImg/${$store.state.headIcon}`)" :size="120"></el-avatar>
                <div style="margin:10px;">{{ $store.state.hrName }}</div>
            </div>
            <el-menu default-active="2" class="el-menu-vertical-demo" :router="true">
                <el-menu-item index="/main/mine/personalInfo">
                    <i class="el-icon-s-custom"></i>
                    <span>我的信息</span>
                </el-menu-item>
                <el-menu-item index="/main/mine/meeting">
                    <i class="el-icon-s-order"></i>
                    <span>面试预约</span>
                </el-menu-item>
                <el-menu-item index="/main/mine/submitHR">
                    <i class="el-icon-s-check"></i>
                    <span>子账号</span>
                </el-menu-item>

                <el-menu-item index="/main/mine/collection">
                    <i class="el-icon-star-on"></i>
                    <span>我的收藏</span>
                </el-menu-item>

                <el-submenu>
                    
                <template slot="title"><i class="el-icon-s-help"></i>客服</template>
                    <el-menu-item index="/main/mine/service">
                        <i class="el-icon-user-solid"></i>
                        <span>人工客服</span></el-menu-item>

                    <el-menu-item index="/main/mine/AIchat">
                        <i class="el-icon-cpu"></i>
                        <span>AI客服</span></el-menu-item>
                </el-submenu>
                <el-menu-item index="/main/mine/black">
                    <i class="el-icon-close"></i>
                    <span>黑名单</span>
                </el-menu-item>
            </el-menu>
        </el-aside>
        <el-main style="width: 1300px;padding-left: 100px; margin-top: 20px;">
            <router-view></router-view>
        </el-main>

        
    </el-container>
</template>

<script>
export default {
    data(){
        return {
        }
    }

}
</script>

<style>
/* 消除menu滚动条 */
.personal-alside::-webkit-scrollbar {
    display: none;
}
</style>